<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>醋醋商城</title>
 <!--引用外部样式-->
 <link rel="shortcut icon" href="favicon.ico">
 <link type="text/css" rel="stylesheet"  href="css/basic.css">
 <link type="text/css" rel="stylesheet"  href="css/web.css">
 </head>
 <body>

<div id="TopMain">
	<!-- 广告开始 -->
	 <div id="topAdv"> 
		<a href="#"> <img src="images/adv.jpg" /> </a> 
		<img src="images/close.png"  class="close"/>
	 </div>
	<!-- 广告结束-->  

	<!--Top开始-->
	<div id="Top">
		<div class="banner"><a href="#"><img src="images/logo.png" /></a></div>
		<!--search begin-->
		<div class="search">
			<form>
				<input type="text"  class="txt"/>
				<input type="submit" class="but"  value=""/>
			</form>
		</div>
		<!--search end-->
		<div class="user">
			
			您好！鲁思南,欢迎你回来 <a href="consignee.html" class="usertxt">用户中心</a>｜<a href="index.html" class="usertxt">退出</a>

			<font><a href="dd.html"><img src="./images/shop.png" alt=""></a><a href="dd.html">购物车</a></font>
		</div>
	</div>
	<!--Top结束-->
</div>

<!--网站导航开始  滚动到一定高，给他加上 class="gd"-->
<div id="Logo" >
	<ul>
		<li class="first">
			<font class="iconfont">&#xe627;</font>全部商品分类
		</li>
		
		<li><a href="index.html" target="_blank">首页</a></li>
		<li><a href="Product00.html" target="_blank">家电</a></li>
		<li><a href="Product01.html"  target="_blank">手机</a></li>
		<li><a href="Product02.html"  target="_blank">电脑</a></li>
		<li><a href="Product03.html"  target="_blank">服饰</a></li>
		<li><a href="Product04.html"  target="_blank">家居</a></li>
		<li><a href="Product05.html"  target="_blank">食品</a></li>
		<li class="last"></li>
	</ul>
</div>
<!--网站导航结束-->







<!--面包屑导航开始-->
<div class="webLogo">当前位置: 
	<a href="">首页</a> > <a href="">手机</a> > <a href="">小米手机</a> > MIX2
</div>
<!--面包屑导航结束-->


<!--订单支付路径开始-->
<div id="dd_address">
	<ul>
		<li>
			<span class="but but_active">1</span>
			<span class="txt txt_active">提交订单</span>
			<span class="line line_active2"></span>
		</li>
		<li>
			<span class="but but_active">2</span>
			<span class="txt txt2 txt_active">确认订单并支付</span>
			<span class="line line2 line_active"></span>
		</li>
		<li class="last">
			<span class="but">3</span>
			<span class="txt">已完成</span>
		</li>
	</ul>
</div>
<!--订单支付路径结束-->


<!--商品列表开始-->
<div id="goodsList" class="goodsList">
	<h3><a href="./dd.html">点击修改</a> 商品列表 </h3>
	<table>
		<tr> <th>商品名称</th><th>属性</th><th>市场价</th><th>本店价</th><th>购买数量</th><th>小计</th></tr>

		<tr> 
			<td class="ti"><a href="">小米手机MIX2</a></td>
			<td>6BG 128GB </td>
			<td>2999元</td>
			<td>2799元	</td>
			<td>1</td>
			<td>2799.00元</td>
		</tr>
		<tr> 
			<td class="ti"><a href="">sony高清5K电视</a></td>
			<td>尺寸:10寸 </td>
			<td>￥1665.60元</td>
			<td>￥1388.00元	</td>
			<td>2</td>
			<td>￥1388.00元</td>
		</tr>

		<tr> <td colspan='6' class="end">购物金额小计 <span>￥1388.00元</span>，比市场价 ￥1665.60元 节省了 ￥277.60元 (17%)</td></tr>
	</table>
</div>
<!--商品列表结束-->







<!--商品列表开始-->
<div id="UserInfo" class="goodsList">
	<h3><a href="./consignee.html">点击修改</a> 收货人信息 </h3>
	<table>

		<tr> 
			<td class="title">收货人姓名:</td>
			<td>鲁思南 </td>
			<td class="title">电子邮件地址:</td>
			<td> 1471787455@qq.com</td>
			
		</tr>
		<tr> 
			<td class="title">详细地址:</td>
			<td>广东中山电子科大 </td>
			<td class="title">邮政编码：</td>
			<td>528400</td>
			
		</tr>

		<tr> 
			<td class="title">电话：</td>
			<td>13112977863 </td>
			<td class="title">手机：</td>
			<td>13399900240	</td>
			
		</tr>
		<tr> 
			<td class="title">标志建筑:</td>
			<td>大信新都汇 </td>
			<td class="title">最佳送货时间:</td>
			<td>全天</td>
			
		</tr>
	</table>
</div>
<!--商品列表结束-->

<!--配送放式开始-->
<div id="payType" class="goodsList">
	<h3>快递 </h3>
	<table>
		<tr> <th></th>
			<th>名称</th>
			<th>资费详情</th>
			<th>商品个数</th>
			<th>快递费</th>
			<th>是否支持易碎包装</th>
		</tr>

		<tr> 
			<td class="xx" ><input type="radio" name="paytype" /></td>
			<td>申通快递 </td>
			<td>江、浙、沪地区首重为15元/KG，其他地区18元/KG， 续重均为5-6元/KG， 云南地区为8元</td>
			<td>2</td>
			<td>20</td>
			<td>支持</td>
		</tr>
		<tr> 
			<td class="xx"><input type="radio" name="paytype" /></td>
			<td>韵达快递</td>
			<td>广东省内：首重8元/KG、续重2元/KG 其他地区首重10元/KG、续重5元/KG</td>
			<td></td>
			<td></td>
			<td>支持</td>
		</tr>
		
		<tr> 
			<td class="xx"><input type="radio" name="paytype" /></td>
			<td>圆通快递</td>
			<td>本省：6-8元、其它区10-12元之间、偏远区15-18之间</td>
			<td></td>
			<td></td>
			<td>支持</td>
		</tr>
		<tr> 
			<td class="xx"><input type="radio" name="paytype" /></td>
			<td>EMS</td>
			<td>起重500克及以内：20元 、续重每500克或其零数：一区4元;二区6元;三区9元;四区10元;五区17元。</td>
			<td></td>
			<td></td>
			<td>不支持</td>
		</tr>
		<tr> <td colspan='6' style="text-align:right;"><input type="checkbox"  /> 配送需要易碎包装</td></tr>
	</table>
</div>
<!--配送放式结束-->

<!--支付方式开始-->
<div id="zfType" class="goodsList">
	<h3>支付方式 </h3>
	<table>
		<tr><th></th><th>名称</th><th>付费详情</th><th>总花费（含运费等）</th></tr>
		<tr> 
			<td><input type="radio" name="zfType" /></td>
			<td>支付宝</td>
			<td class="title">2799元【小米MIX2 128G（炫彩黑）】+4399元【sony 2K大屏电视】</td>
			<td>7218元</td>
			
		</tr>
		<tr> 
			<td class="title"><input type="radio" name="zfType" /></td>
			<td>银行汇款/转帐 </td>
			<td class="title">2799元【小米MIX2 128G（炫彩黑）】+4399元【sony 2K大屏电视】</td>
			<td>7230元</td>
			
		</tr>

		<tr> 
			<td class="title"><input type="radio" name="zfType" /></td>
			<td>货到付款 </td>
			<td class="title">仅限开通业务城市</td>
			<td></td>
			
		</tr>
		
	</table>
</div>
<!--支付方式结束-->


<!--其它信息开始-->
<div id="otherType" class="goodsList">
	<h3>其它信息 </h3>
	<table>
			<tr> 
				<td class="bold">使用红包:</td>
				<td>选择已有红包&nbsp;<select>
									<option>满100减5元</option>
									<option>满500减20元</option>
									<option>满1000减100元</option>
									<option>满2000减150元</option>
								</select>&nbsp;请正确输入红包序列号
								<input type="text" class="money"/>
								<input type="button" class="yz" value="验证红包" />
								</td>

			</tr>
			<tr> 
				<td class="bold">订单备注:</td>
				<td><textarea class="moreText"></textarea></td>
			</tr>

			<tr> 
				<td class="bold">缺货处理:</td>
				<td><input type="radio" class="goodsCl"/>&nbsp;等待所有商品备齐后再发
					<input type="radio" class="goodsCl"/>&nbsp;取消订单
					<input type="radio" class="goodsCl"/>&nbsp;与店主协商
				</td>
			</tr>
			
	</table>
</div>
<!--其它信息结束-->

<!--费用总计开始-->
<div id="allMoney" class="goodsList">
	<h3>费用总计 </h3>
	<table>
			<tr> <td >该订单完成后，您将获得 <span>1388</span>积分 ，以及价值 <span>25.00元</span>的红包。</td> </tr>
			<tr> <td >商品总价: <span>￥1388.00元</span> + 配送费用: <span>￥20.00元</span></td> </tr>

			<tr> <td >应付款金额: <span>￥1403.00元</span></td> </tr>
			<tr><td>
				<a href="dd_success.html">
					<input type="button" class="tj" value="提交订单"/></a>
				</td></tr>
			
	</table>
</div>
<!--费用总计结束-->








<!--网站底部开始-->
<img src="images/f.jpg"  class="fbg"/>
<div id="Footer2">
	<dl class="first">
		<dt><h3><a href="#">购物指南</a></h3></dt>
		<dd><a href="#">购物流程</a></dd>
		<dd><a href="#">会员介绍</a></dd>
		<dd><a href="#">常见问题</a></dd>
	</dl>
	<dl class="two">
		<dt><h3><a href="#">配送方式</a></h3></dt>
		<dd><a href="#">上门自提</a></dd>
		<dd><a href="#">211限时达</a></dd>
		<dd><a href="#">配送服务查询</a></dd>
	</dl>
	<dl class="three">
		<dt><h3><a href="#">支付方式</a></h3></dt>
		<dd><a href="#">货到付款</a></dd>
		<dd><a href="#">在线支付</a></dd>
		<dd><a href="#">分期付款</a></dd>
	</dl>
	<dl class="four">
		<dt><h3><a href="#">售后服务</a></h3></dt>
		<dd><a href="#">售后政策</a></dd>
		<dd><a href="#">价格保护</a></dd>
		<dd><a href="#">退款说明</a></dd>
	</dl>
	<dl class="five">
		<dt><h3><a href="#">特色服务</a></h3></dt>
		<dd><a href="#">夺宝岛</a></dd>
		<dd><a href="#">DIY装机</a></dd>
		<dd><a href="#">延保服务</a></dd>
	</dl>
	<dl class="six">
		<dt><h3><a href="#">招聘专区</a></h3></dt>
		<dd><a href="#">诚聘英才</a></dd>
		<dd><a href="#">品牌入驻</a></dd>
		<dd><a href="#">友情链接</a></dd>
	</dl>
	<dl class="last">
		<dt><a href="https://baike.baidu.com/item/%E7%94%B5%E5%AD%90%E7%A7%91%E6%8A%80%E5%A4%A7%E5%AD%A6%E4%B8%AD%E5%B1%B1%E5%AD%A6%E9%99%A2/9079739?fr=aladdin">电话客服</a></dt>
		<dd>13112977863</dd>
		<dd><a href="#"><img src="images/QQ.jpg" /></a></dd>
	</dl>

	<div style="clear:both"></div>
</div>

<p class="Copy">Copyright © 2018-2019 www.cucushop.com All Rights Reserved 版权所有：电子科技大学软件开发班第十六小组 备案号：备2015030402021号</p>
<!--网站底部结束-->




<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>



<!--
	1、在News大盒子里面，构建两个一样大小的长方形，一个用来设背景透明，一个利用绝定位，盖在透明
	图层上面，用来放内容
	2、利用 h3标签来制作标题部分（颜色，大小，字体类型，竖直居中，首行缩进text-indent:20px;）
	3、利用 ul来制作新闻列表，文字竖直间距利用行高 line-height:30px;  给 ul添加对应的内边距，使文字与上右下左产生一定的间距。
	4、给文字加上了 a标签超链接，如何优化我们代码，代码的性能,如果把常用样式，统一初始化，我们选择的是用标签来表达，而不是用 *
-->




 </body>
</html>
